	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Click to Move Image</title>
	<style>
	#movableImage {
	 position: absolute;
	 width: 100px;
	 height: 100px;
	}
	</style>
	</head>
	<body>
	<img id="movableImage" src="./JPG300.jpg" alt="Movable Image">
	<script>
	const image = document.getElementById('movableImage');
	document.addEventListener('click', (event) => {
	 // 获取鼠标点击位置
	 const mouseX = event.clientX;
	 const mouseY = event.clientY;
	 // 设置图片位置
	 image.style.left = `${mouseX - image.offsetWidth / 2}px`;
	 image.style.top = `${mouseY - image.offsetHeight / 2}px`;
	});
	</script>
	</body>
	</html>